<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <form>
    <input type="text" kk="88" ni="ko">

    <input type="checkbox" checked mm="cc">
    <div id="box">11111111</div>
  </form>
  <script src="./jquery-3.4.1.min.js"></script>
  <script>
    // 属性attr()
    // 获取属性元素.attr("属性")
    console.log($("input").attr("type"));
    console.log($("input").attr("kk"));
    // 设置属性元素.attr("属性","属性值")
    $("input:text").attr("disabled", true);
    $("input:text").attr({ "nikename": "对象", age: "45" });
    // 移除属性方法元素.removeAttr("属性名")
    $("input:text").removeAttr("ni")

    //prop() 获取属性  只可以获取自带属性 不能获取自定义属性
    console.log($(":checkbox").attr("checked"))
    // $(":checkbox").attr("checked", false)
    console.log($(":checkbox").prop("mm"))
    console.log($(":checkbox").attr("mm"))
    $("#box").prop("class", "12313")
    // removeProp()  用来删除由.prop()方法设置的属性集
    $("#box").removeProp("class")
  </script>
</body>

</html>